.my {
  background-color: $universally-background-color;
  margin-top: 40px;
  .my-head {
    padding-top: 6px;
    width: 100%;
    height: 160px;
    color: #fff;
    background: url('../img/my/my_head.png');
    background-repeat: no-repeat;
    background-size: cover;
    .my-head-pic {
      /*background-image: url('../img/my/head_pic.png');*/
      background-repeat: no-repeat;
      background-size: 100% 100%;
      height: 70px;
      width: 70px;
      border-radius: 70px;
      margin: 30px 0 0 20px;
    }
    .my-head-title {
      height: 60px;
      width: 70px;
      margin-left: 92px;
      margin-top: -52px;
    }
    .my-name {
      text-align: center;
      font-size: $font-primary-large;
    }
    .my-work {
      text-align: center;
      color: rgb(198, 213, 221);
    }
    .my-show {
      height: 35px;
      width: 130px;
      float: right;
      margin-top: -58px;
      background-color: rgb(75, 188, 253);
      line-height: 35px;
      border-bottom-left-radius: 30px;
      border-top-left-radius: 30px;
      .my-show-pic {
        background-image: url('../img/my/medal.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 18px;
        height: 22px;
        float: left;
        margin: 7px 10px 0 10px;
      }
      .my-show-title {
        font-size: $font-primary-large;
      }
      .my-show-icon {
        color: white;
        margin-left: 8px;
      }
    }
  }
  .row {
    background-color: #ffffff;
    width: 100%;
    height: 75px;
    margin-top: -30px;
  }
  .nav-container {
    .my-nav-detail {
      font-size: $font-primary-large !important;
      text-align: center;
      padding-top: 12px;
    }
    .my-nav-title {
      text-align: center;
      color: #777777;
      font-size:14px;
    }
    p {
      margin: 0 !important;
      font-size: $font-primary-large;
    }
    .blue {
      color: rgb(33, 161, 235);
    }
    .yellow {
      color: rgb(255, 204, 40);
    }
    .red {
      color: rgb(255, 102, 82);
    }
  }
  .mb8 {
    margin-bottom: 8px !important;
  }
}
